<ion-header>
  <ion-navbar>
    <ion-title>英语入门</ion-title>
    <button menuToggle *ngIf="!selectedItem" ion-button right large style="background: none">
      <ion-icon name="menu" right></ion-icon>
    </button>
  </ion-navbar>
  <style rel="stylesheet" type="text/css">

  </style>
</ion-header>

<ion-content>
  <img src="../src/assets/img/xiangqingbanner.png">
  <!--<div class="er">
    <div class="er_1 flo_l">
      <img class="flo_r er_1_img" src="../src/assets/img/left.png">
    </div>
    <div class="er_1 flo_r">
      <img class="flo_l er_1_img" src="../src/assets/img/right.png">
    </div>
  </div>-->
  <div class="clear"></div>
  <div class="wrapper">
  	<div class="bt">
	    <h1>英语入门了啊</h1>
	    <img class="flo_r er_1_img" src="../src/assets/img/dingyue.png"> 		
  	</div>
  	<div class="clear"></div>
    <p class="h1_p">简单的文字介绍简单的文字介绍简单的文字介绍简单的文字介绍简单的文字介绍简单的文字介绍简单的文字介绍简单的文字介绍</p>
    <div style="height: 1px; background: #EEEEEE; margin: 0 -10%;"></div>
    <div class="st">
      <div class="shouting"><span><img style="margin-bottom: -3px" class="st_img" src="../src/assets/img/ting1.png"></span><span style="height: 20px;line-height: 20px">23万</span></div>
      <div class="shouting" style="border-left: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE"><span><img style="margin-bottom: -3px" class="st_img" src="../src/assets/img/ting2.png"></span><span>456万</span></div>
      <div class="shouting"><span><img style="margin-bottom: -3px" class="st_img" src="../src/assets/img/ting3.png"></span><span>789集</span></div>
    </div>
    <div class="clear"></div>
    <div style="background:#ECEDE8;height: 8px;margin:0 -10%"></div>
    <div>
	    <div class="line">
	      <div style="width: 20%;" class="flo_l">
	      	<img style="border-radius: 50%; width: 70%;" class="st_img" src="../src/assets/img/yuan.jpg">
	      </div>
	      <div style="width: 60%;" class="flo_l">
	      	<p class="line_hea">张老师张老师张老师</p>
	      	<span><img class="st_img" src="../src/assets/img/ting1.png"></span><span class="line_s">2万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting2.png"></span><span class="line_s">3万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting3.png"></span><span class="line_s">234</span>
	      </div>
	      <div style="width: 20%;" class="flo_l">
	      	<p class="line_san">8小时前</p>
	      </div>
	    </div>
	    <div class="clear"></div>
	    <div style="height: 1px; background: #EEEEEE; margin: 10px -10%;"></div>
    </div>
    <div>
	    <div class="line">
	      <div style="width: 20%;" class="flo_l">
	      	<img style="border-radius: 50%; width: 70%;" class="st_img" src="../src/assets/img/yuan.jpg">
	      </div>
	      <div style="width: 60%;" class="flo_l">
	      	<p class="line_hea">张老师张老师张老师</p>
	      	<span><img class="st_img" src="../src/assets/img/ting1.png"></span><span class="line_s">2万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting2.png"></span><span class="line_s">3万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting3.png"></span><span class="line_s">234</span>
	      </div>
	      <div style="width: 20%;" class="flo_l">
	      	<p class="line_san">8小时前</p>
	      </div>
	    </div>
	    <div class="clear"></div>
	    <div style="height: 1px; background: #EEEEEE; margin: 10px -10%;"></div>
    </div>
    <div>
	    <div class="line">
	      <div style="width: 20%;" class="flo_l">
	      	<img style="border-radius: 50%; width: 70%;" class="st_img" src="../src/assets/img/yuan.jpg">
	      </div>
	      <div style="width: 60%;" class="flo_l">
	      	<p class="line_hea">张老师张老师张老师</p>
	      	<span><img class="st_img" src="../src/assets/img/ting1.png"></span><span class="line_s">2万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting2.png"></span><span class="line_s">3万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting3.png"></span><span class="line_s">234</span>
	      </div>
	      <div style="width: 20%;" class="flo_l">
	      	<p class="line_san">8小时前</p>
	      </div>
	    </div>
	    <div class="clear"></div>
	    <div style="height: 1px; background: #EEEEEE; margin: 10px -10%;"></div>
    </div>
    <div>
	    <div class="line">
	      <div style="width: 20%;" class="flo_l">
	      	<img style="border-radius: 50%; width: 70%;" class="st_img" src="../src/assets/img/yuan.jpg">
	      </div>
	      <div style="width: 60%;" class="flo_l">
	      	<p class="line_hea">张老师张老师张老师</p>
	      	<span><img class="st_img" src="../src/assets/img/ting1.png"></span><span class="line_s">2万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting2.png"></span><span class="line_s">3万</span>
	      	<span><img class="st_img" src="../src/assets/img/ting3.png"></span><span class="line_s">234</span>
	      </div>
	      <div style="width: 20%;" class="flo_l">
	      	<p class="line_san">8小时前</p>
	      </div>
	    </div>
	    <div class="clear"></div>
	    <div style="height: 1px; background: #EEEEEE; margin: 10px -10%;"></div>
    </div>
  </div>
</ion-content>
